$login-style-color: $styleColor;
$login-border-color: $universally-border-color;
$login-text-color: $primary-text-color;
$login-background: $list-background-color;
$login-font-large: $font-primary-normal;
$login-font-nomal: $font-secondary-large;

.login{
  .row{
    padding:0
  }
  .login-tab{
    height:50px;
    text-align: center;
    border-bottom:1px solid $login-border-color;
  }
  .login-tab .tab-item{
    font-size:$login-font-large;
    font-weight:600;
    margin: 0 auto;
    width:50%;
    line-height: 40px;
  }
  .login-tab .tab-item-active{
    color:$login-style-color;
    border-bottom:2px solid $login-style-color;
    height:49px;
  }
  .line{
    width: 1px;
    height:30px;
    border-left: 1px solid $login-border-color;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .login-tab-line{
    position: absolute;
    left:50%;
    top:88%;
    height:25px;
    width:1px;
    background-color: $login-border-color;
  }
  .register{
    float:right;
    color: $login-style-color;
  }
  .input-icon{
    width:26px;
    height:26px;
  }
  .input-container{
    padding:0 40px;
  }
  .input-divide{
  	display: inline-block;
  	margin-left: 15px;
  	color: $login-border-color;
  	font-size: $login-font-large;
  }
  .item-input{
    margin:20px 0;
    padding:5px 0;
    border: none;
    border-bottom:1px solid $login-border-color;
  }
  .input-content{
    margin-left:25px;
  }
  .login-submit{
    margin:10px 5%;
    background-color: $login-style-color;
    width:90%;
    color:$login-background;
    min-height:20px;
  }
  .tip{
    padding:0 20px;
    font-size: $login-font-nomal;
    color:$login-text-color;
  }
}